@extends('home.parent')
@section('title','管理员列表')
@section('head_js')
@endsection
@section('head_css')
<link rel="stylesheet" href="{{ asset('/css/dataTables.bootstrap.css') }}">
<link rel="stylesheet" href="{{ asset('/css/toggleButtonsMain.css') }}">
@endsection
@section('content')
    <div class="content-wrapper">
        <section class="content-header">
            <h1>
              管理员列表
              <small></small>
            </h1>
            <ol class="breadcrumb">
              <li><a href="{{URL('admin')}}"><i class="fa fa-dashboard"></i> 首页</a></li>
              <li class="active">管理员列表</li>
            </ol>
        </section>
        <section class="content">
            <div class="row">
                <div class="col-xs-12">
                    <div class="box">
                        <div class="box-header">
                          <br />
                          <div class="form-inline pull-left">
                            <div class="input-group input-group-sm" style="margin-left: 20px;">
                              <div class="input-group-btn" >
                                <a href="{{ URL('admin/create') }}" class="btn btn-info">新增管理员</a>
                              </div>
                            </div>
                          </div>

                          <div class="form-inline pull-right">
                            <fieldset>
                              <div class="input-group input-group-sm" style="width: 150px;">
                                <span class="input-group-addon"><strong>用户名</strong></span>
                                <input type="text" class="form-control" id="admin_name">
                              </div>
                              <div class="input-group input-group-sm" style="width: 150px;">
                                <span class="input-group-addon"><strong>真实姓名</strong></span>
                                <input type="text" class="form-control" id="real_name">
                              </div>
                              <div class="input-group input-group-sm" style="width: 155px;">
                                <span class="input-group-addon"><strong>手机号</strong></span>
                                <input type="text" class="form-control" id="mobile">
                              </div>
                              <div class="input-group input-group-sm">
                                <div class="input-group-btn" >
                                  <button type="button"  class="btn btn-primary" onclick="searchData()"><i class="fa fa-search"></i></button>
                                </div>
                              </div>
                            </fieldset>
                          </div>
                        </div>
                        <!-- /.box-header -->
                        <div class="box-body">
                          <table id="data_list" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>编号</th>
                                    <th>用户名</th>
                                    <th>真实姓名</th>
                                    <th>角色</th>
                                    <th>类型</th>
                                    <th>手机号码</th>
                                    <th>创建时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                            <tfoot>
                                <tr>
                                    <th>编号</th>
                                    <th>用户名</th>
                                    <th>真实姓名</th>
                                    <th>角色</th>
                                    <th>类型</th>
                                    <th>手机号码</th>
                                    <th>创建时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </tfoot>
                          </table>
                        </div>
                        <!-- /.box-body -->
                      </div>
                      <!-- /.box -->
                </div>
            </div>
        </section>
    </div>
@endsection
@section('foot_js')
<script src="{{ asset('/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('/js/dataTables.bootstrap.min.js') }}"></script>
<script src="{{ asset('/js/jquery.slimscroll.min.js') }}"></script>
<script src="{{ asset('/js/fastclick.js') }}"></script>
<script src="{{ asset('/js/tools.js').'?v='.env('VERSION') }}"></script>
<script>
var list_ajax;
$(function () {
//提示信息
    var lang = puppet.langShow();
    //初始化表格
    list_ajax = $("#data_list").dataTable({
        language: lang, //提示信息
        autoWidth: false, //禁用自动调整列宽
        stripeClasses: ["odd", "even"], //为奇偶行加上样式，兼容不支持CSS伪类的场合
        processing: true, //隐藏加载提示,自行处理;
        serverSide: true, //启用服务器端分页
        searching: false, //禁用原生搜索
        orderMulti: false, //启用多列排序
        order: [[0, 'desc']], //取消默认排序查询,否则复选框一列会出现小箭头
        renderer: "bootstrap", //渲染样式：Bootstrap和jquery-ui
        pagingType: "simple_numbers", //分页样式：simple,simple_numbers,full,full_numbers
        columnDefs: [
            {
                "targets": [1,2,3,4,5,6,7,8], //列的样式名
                "orderable": false    //包含上样式名‘nosort’的禁止排序
            },
            {
              targets: 4,
              data: "type",
              title: "类型",
              render: function (data, type, row, meta) {
                var res = '其他';
                switch(data){
                  case 1:
                    res = '客服';
                    break;
                  case 2:
                    res = '销售';
                    break;
                  case 3:
                    res = '城市合伙人';
                    break;
                  case 4:
                    res = 'KA';
                    break;
                }
                return res;
              }
            },
            {
                targets: 6,
                data: "create_time",
                title: "创建时间",
                render: function (data, type, row, meta) {
                    return puppet.formatDateTime(data * 1000);
                }
            },
            {
                targets: 7,
                data: "status",
                title: "状态",
                render: function (data, type, row, meta) {
                    switch(data) {
                        case 1:
                            return '<div class="checkbox checkbox-slider--b-flat"><label>'+
                                '<input type="checkbox" checked onclick="actionList(' + row.admin_id + ',0)"><span></span></label></div>';
                            break;
                        case 0:
                            return '<div class="checkbox checkbox-slider--b-flat"><label>'+
                                '<input type="default" onclick="actionList(' + row.admin_id + ',1)"><span></span></label></div>';
                            break;
                        case 2:
                            return '好友已满';
                            break;
                        default:
                            return '';
                            break;
                    }
                }
            },
            {
                targets: 8,
                title: "操作",
                render: function (data, type, row, meta) {
                    return  "<a href='{{ URL('admin/view') }}/"+data.admin_id+"' title='查看' aria-label='View' data-pjax='0'><span class='glyphicon glyphicon-eye-open'></span></a>&nbsp;&nbsp;&nbsp;&nbsp;"+
                            "<a href='{{ URL('admin/edit') }}/"+data.admin_id+"' title='修改' aria-label='Update' data-pjax='0'><span class='glyphicon glyphicon-pencil'></span></a>&nbsp;&nbsp;&nbsp;&nbsp;"+
                            "<a href='javascript:void(0);' title='删除' aria-label='Delete' data-pjax='0' onclick='actionList("+data.admin_id+",-1)'><span class='glyphicon glyphicon-trash'></span></a>";
                }
            },
        ],
        ajax: function (data, callback, settings) {
            //封装请求参数
            var param = {};
            param.limit = data.length; //页面显示记录条数，在页面显示每页显示多少项的时候
            param.start = data.start; //开始的记录序号
            param.page = (data.start / data.length) + 1; //当前页码
            param.order = data.order;
            param.search = data.search;
            param.mobile = $.trim($('#mobile').val());
            param.real_name = $.trim($('#real_name').val());
            param.admin_name = $.trim($('#admin_name').val());
            $.ajax({
                type: "POST",
                url: "{{ URL('admin/list/ajax') }}",
                cache: false, //禁用缓存
                data: param, //传入组装的参数
                dataType: "json",
                success: function (result) {
                    var returnData = {};
                    returnData.draw = data.draw; //这里直接自行返回了draw计数器,应该由后台返回
                    returnData.recordsTotal = result.total; //返回数据全部记录
                    returnData.recordsFiltered = result.total; //后台不实现过滤功能，每次查询均视作全部结果
                    returnData.data = result.data; //返回的数据列表
                    callback(returnData);
                }
            });
        },
        //列表表头字段
        columns: [
            {"data": "admin_id"},
            {"data": "admin_name"},
            {"data": "real_name"},
            {"data": "role_name"},
            {"data": "type"},
            {"data": "mobile"},
            {"data": "create_time"},
            {"data":"status"},
            {"data":null},
        ]
    }
    ).api();
}
);
function actionList(id,status){
    var result;
    switch(status){
        case 0:
            result = layer.confirm('是否确认关闭', {
                btn: ['确认关闭', '再考虑一下'] //按钮
            }, function () {
                layer.msg('操作成功',{icon:1});
                xiugaiguanli(id, status);
            },function () {
                list_ajax.ajax.reload(null,false);
            });
            break;
        case 1:
            result = layer.confirm('是否确认开启', {
                btn: ['确认开启', '再考虑一下'] //按钮
            }, function () {
                layer.msg('操作成功',{icon:1});
                xiugaiguanli(id, status);
            },function () {
                list_ajax.ajax.reload(null,false);
            });
            break;
        case -1:
            result = layer.confirm('是否确认删除', {
                btn: ['确认删除', '再考虑一下'] //按钮
            }, function () {
                layer.msg('操作成功',{icon:1});
                xiugaiguanli(id, status);
            });
            break;
        default:
            result = layer.confirm('是否确认删除', {
                btn: ['确认删除', '再考虑一下'] //按钮
            }, function () {
                xiugaiguanli(id, status);
            });
            break;
    }
}
function xiugaiguanli(id, status) {
    var url = "{{URL('admin/delete')}}";
    var data = {id:id,status:status};
    var is_success = puppet.myajax('post',url,data,false);
    if(is_success.code == true){
        alert(is_success.message);
        return false;
    }else{
        list_ajax.ajax.reload(null,false);
    }
}
function searchData(){
  $("#data_list").dataTable().fnDraw(false);
    layer.msg('操作成功',{icon:6});
}
</script>
@endsection